<!DOCTYPE HTML>
<html>
	<head>
		<title>RFTennis | 商品详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href="./css/form.css" rel="stylesheet" type="text/css" media="all" />
		<link rel="stylesheet" href="./css/shouye.css">
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
		<script type="text/javascript" src="./jquery/jquery.min.js"></script>
		<script src="./js/modernizr-custom-v2.7.1.min.js"></script>
		<script src="./js/details.js"></script>


		<!-- start menu -->
		<link href="./css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
		<script type="text/javascript" src="./js/megamenu.js"></script>
		<script>
			$(document).ready(function() {
				$(".megamenu").megamenu();
			});
		</script>
		<!-- end menu -->
		<script type="text/javascript" src="./jquery/jquery.jscrollpane.min.js"></script>
		<script type="text/javascript" id="sourcecode">
			$(function() {
				$('.scroll-pane').jScrollPane();
			});
		</script>
		<!----details-product-slider--->
		<!-- Include the Etalage files -->
		<link rel="stylesheet" href="./css/etalage.css">
		<script src="./jquery/jquery.etalage.min.js"></script>
		<!-- Include the Etalage files -->

		<!----//details-product-slider--->
		<!-- top scrolling -->
		<script type="text/javascript" src="./js/move-top.js"></script>
		<script type="text/javascript" src="./js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1200);
				});
			});
		</script>
	</head>
	<body>
		<div class="header-top">
			<div class="wrap">
				<div class="logo">
					<a href="index.html"><img src="./images/logo.png" alt="" /></a>
				</div>
				<div class="cssmenu">
					<ul>
						<li class="active"><a href="logo.html">登录/注册</a></li>
						<li><a href="">订单管理</a></li>
						<li><a href="shoppingcart.html">购物车</a></li>
						<li><a href="">个人中心</a></li>
					</ul>
				</div>

				<div class="clear"></div>
			</div>
		</div>
		<div class="header-bottom">
			<div class="wrap">
				<!-- start header menu -->
				<ul class="megamenu skyblue">
					<li><a class="color1" href="#">首页</a></li>
					<li class="grid"><a class="color2" href="#">网球</a>

					</li>
					<li class="active grid"><a class="color4" href="#">网球拍</a>

					</li>
					<li><a class="color5" href="#">网球服装</a>

					</li>
					<li><a class="color6" href="#">网球配件</a>

					</li>
					<div class="h_search">
						<form>
							<input type="text" value="">
							<input type="submit" value="">
						</form>
					</div>
				</ul>
				<div class="clear"></div>
			</div>
		</div>
		<div class="single">
			<div class="wrap">
				<div class="cont span_2_of_3">
					<div class="Xcontent">
						<ul class="Xcontent01">
							<div class="Xcontent06"><img src="images/shangpinxiangqing/X1.png"></div>
							<ol class="Xcontent08">
								<div class="Xcontent07"><img src="images/shangpinxiangqing/X1.png"></div>
								<div class="Xcontent09"><img src="images/shangpinxiangqing/X7.png"></div>
								<div class="Xcontent10"><img src="images/shangpinxiangqing/X8.png"></div>
								<div class="Xcontent11"><img src="images/shangpinxiangqing/X9.png"></div>
								<div class="Xcontent12"><img src="images/shangpinxiangqing/X10.png"></div>
							</ol>
							<ol class="Xcontent13">
								<div class="Xcontent14"><a href="#">
										<p>新物品</p>
									</a></div>
								<div class="Xcontent15"><img src="images/shangpinxiangqing/X11.png"></div>
								<div class="Xcontent16">
									<p>充电5分钟，温暖2小时</p>
								</div>
								<div class="Xcontent17">
									<p class="Xcontent18">售价</p>
									<p class="Xcontent19">￥<span>69.00</span></p>
									<div class="Xcontent20">
										<p class="Xcontent21">促销</p>
										<img src="images/shangpinxiangqing/X12.png">
										<p class="Xcontent22">领610元新年礼券，满再赠好礼</p>
									</div>
									<div class="Xcontent23">
										<p class="Xcontent24">服务</p>
										<p class="Xcontent25">30天无忧退货&nbsp;&nbsp;&nbsp;&nbsp; 48小时快速退款 &nbsp;&nbsp;&nbsp;&nbsp; 满88元免邮</p>
									</div>
								</div>
								<div class="Xcontent26">
									<p class="Xcontent27">颜色</p>
									<div class="Xcontent28"><img src="images/shangpinxiangqing/X14.png"></div>
									<div class="Xcontent29"><img src="images/shangpinxiangqing/X1.png"></div>
								</div>
								<div class="Xcontent30">
									<p class="Xcontent31">数量</p>
									<div class="Xcontent32"><img src="images/shangpinxiangqing/X15.png"></div>
									<form>
										<input class="input" value="1"></form>
									<div class="Xcontent33"><img src="images/shangpinxiangqing/16.png"></div>
								</div>
								<div class="Xcontent34"><a href="#"><img src="images/shangpinxiangqing/X17.png"></a></div>
								<div class="Xcontent35"><a href="#"><img src="images/shangpinxiangqing/X18.png"></a></div>
							</ol>
						</ul>
					</div>
					<div class="clear"></div>


					<ul id="flexiselDemo3">
						<li><img src="./images/pic11.jpg" />
							<div class="grid-flex"><a href="#">Bloch</a>
								<p>￥ 850</p>
							</div>
						</li>
						<li><img src="./images/pic10.jpg" />
							<div class="grid-flex"><a href="#">Capzio</a>
								<p>￥ 850</p>
							</div>
						</li>
						<li><img src="./images/pic9.jpg" />
							<div class="grid-flex"><a href="#">Zumba</a>
								<p>￥ 850</p>
							</div>
						</li>
						<li><img src="./images/pic8.jpg" />
							<div class="grid-flex"><a href="#">Bloch</a>
								<p>￥ 850</p>
							</div>
						</li>
						<li><img src="./images/pic7.jpg" />
							<div class="grid-flex"><a href="#">Capzio</a>
								<p>￥ 850</p>
							</div>
						</li>
					</ul>


					<div class="toogle">
						<h3 class="m_3">商品详情：</h3>
						<p class="m_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
							tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci
							tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
							hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros
							et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
							nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim
							placerat facer possim assum.</p>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- 底部 -->
		<div class="footer">
			<div class="footer-top">
				<div class="wrap">
					<div class="col_1_of_footer-top span_1_of_footer-top">
						<ul class="f_list">
							<li><img src="./images/f_icon.png" alt="" /><span class="delivery">Free delivery on all orders over £100*</span></li>
						</ul>
					</div>
					<div class="col_1_of_footer-top span_1_of_footer-top">
						<ul class="f_list">
							<li><img src="./images/f_icon1.png" alt="" /><span class="delivery">Customer Service :<span class="orange">
										(800) 000-2587 (freephone)</span></span></li>
						</ul>
					</div>
					<div class="col_1_of_footer-top span_1_of_footer-top">
						<ul class="f_list">
							<li><img src="./images/f_icon2.png" alt="" /><span class="delivery">Fast delivery & free returns</span></li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="footer-middle">
				<div class="wrap">
					<div class="section group">


						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="wrap">
					<div class="section group">
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">网球</h3>
							<ul class="sub_list">
								<!-- <h4 class="m_10">首页</h4>
							<li><a href="">网球</a></li> -->
							</ul>
						</div>
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">网球拍</h3>
							<ul class="list1">
								<li><a href="">Basketball</a></li>

							</ul>
						</div>
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">网球服装</h3>
							<ul class="list1">
								<li><a href="">Originals Shoes</a></li>

							</ul>
						</div>
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">网球配件</h3>
							<ul class="list1">
								<li><a href="">Shirts</a></li>
								<li><a href="">Pants & Tights</a></li>
								<li><a href="">Shirts</a></li>
							</ul>
						</div>
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">关于我们</h3>
							<ul class="list1">
								<li><a href="">联系电话：</a></li>
								<li><a href="">地址：</a></li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="copy">
				<div class="wrap">
					<p>© 2019 | RFTennis &nbsp;</a></p>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="./jquery/jquery.flexisel.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {

				var defaults = {
					containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear'
				};


				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script>
		<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
	</body>
</html>
